<!DOCTYPE html>
<html>
<head>
  <!--[if lt IE 7]>
  <div class="ie6_error">还在用<strong>漏洞百出的IE6浏览器</strong>么？为了您的网络安全，请升级浏览器 <a target="_blank"
                                                                             href="http://browsehappy.com">立即升级</a>
  </div>
<![endif]-->

<meta charset="utf-8">
<title>多地址下单-文具1号</title>
<meta name="description"
content="文具1号作为上海办公用品供货商公司,专为世界500强企业及SOHO办公族提供网上商城一站式办公耗材批发及采购服务,一站式选购办公日用文具用品,厂家直销,好货又便宜【阳光采购就上文具1号 阳光价格 老板放心 品质保障 员工省力】"/>
<meta name="keywords" content="办公用品,办公文具,办公文具网站,文具网站,办公用品网,文具采购网,金万年"/>
<meta name="copyright" content="上海易推信息科技有限公司"/>
<meta name="renderer" content="webkit">
<base href="<?php echo base_url(); ?>"/>
<link rel="shortcut icon" href="favicon.ico"/>
<meta http-equiv="Expires" CONTENT="0"> <meta http-equiv="Cache-Control" CONTENT="no-cache, no-store, must-revalidate"> <meta http-equiv="Pragma" CONTENT="no-cache">
<link rel="stylesheet" type="text/css" href="public/css/base.css"/>
<link rel="stylesheet" type="text/css" href="public/css/common.css"/>
<link rel="stylesheet" href="public/js/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="public/css/index.css"/>
<link rel="stylesheet" type="text/css" href="public/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="public/css/popup.css"/>
<link rel="stylesheet" type="text/css" href="public/css/layer.css"/>
<link rel="stylesheet" type="text/css" href="public/css/new_add_css.css"/>

<!--<script src="js/jquery.1.7.1-min.js" type="text/javascript" charset="utf-8"></script>-->

  <!--[if lte IE 9]>
  <script type="text/javascript" src="public/js/html5shiv-printshiv-3.js"></script>
<![endif]-->
</head>
<body>
  <div class="bg bg-fff">
    <!--common - head -->
    <?php $this->load->view('common/header.php');?>

    <!--common - head end-->

    <div class="container bg-padding-inside multiple-address-cont">
      <div class="multiple-address-top">
        <p class="tit">
          <span class="icon bg-icon_manyaddress">图标</span>
          多地址下单
          <a style="cursor: pointer;" href="<?=base_url('cost_center/cost_center_address_present')?>"><span class="icon-qa bg-btn_why_copy">更多</span></a>
        </p>
        <p class="multiple-address-step">
          <span class="bg-line"></span>
          <span class="step step-on step1">上传采购清单</span>
          <span class="step step2">确定采购清单信息</span>
          <span class="step step3">成功下单</span>
        </p>
      </div>
      <div class="multiple-address-box1">
        <p class="multiple-address-mb">
          <span class="icon bg-icon_download_grey">icon</span>
          多地址下单需按照模板填写采购清单，请您先 <a href="<?=base_url()?>template.xlsx" class="color-blue">下载模板</a>
        </p>
        <form method="post" action="<?php echo base_url()?>multiple_address/analyze_multi_address_excel" id="form" enctype="multipart/form-data" >
          <input type="file" name="file" id="file" style="visibility: hidden;" >
          <a href="javascript:;" class="multiple-address-upload" id="upload-purchase-list">上传采购清单</a>
        </form>
      </div>
      <div class="multiple-address-box2">
        <p>
          <em style="font-weight:bold;">注意事项：</em><br>
          多地址下单需要根据官方提供的Excel表格进行填写，请您先<a href="<?=base_url()?>template.xlsx" class="color-blue">下载模板</a><br>
          请您根据模板说明进行填写，格式错误可能会导致订单解析失败<br>
          若一次下单超过以下任一条数量限制，会导致订单解析失败：<br>
          （1）最多支持10个地址<br>
          （2）所有商品总和不得超过200个<br>
          若您在订单填写的过程当中有任何疑问，请联系我们：客服电话4008-215-248<br>
        </p>
      </div>
    </div>

    <?php $this->load->view('common/bottom.php');?>
  </div>
  <div class="mask none"></div>

  <div class="pop pop-account-activation bg-padding-inside address-matching  none" style="height:253px;">
    <a href="javascript:;" class="close bg-btn_close_n"></a>
    <p class="top-tit">
      <span class="bg-logo_popup"></span>
    </p>
    <div class="cont" style="padding-top:55px;">
      <p class="intro">
        您上传的收件人信息与账期合同中信息不符，如确认使用该信息将提交至平台存留依据，请确认是否继续！
      </p>
      <div class="btn-box" style="padding-top:20px;">
        <a href="javascript:;" class="btn-submit">确定</a>
        <a href="javascript:;" class="btn-cancel">取消</a>
      </div>
    </div>
  </div>  <!--温馨提示-->
  <div class="pop  pop-address-order bg-padding-inside excel-remind none" >
    <a href="javascript:;" class="close bg-btn_close_n"></a>
    <p class="top-tit">
      <span class="bg-logo_popup"></span>
    </p>
    <div class="cont">
      <p class="tit tal">请注意：</p>
      <p class="intro tal">
        商品填写的信息不合规范，如需请修改后重新上传
      </p>
      <p class="intro2" style="overflow-y:scroll;height: 180px;margin-bottom: 30px;line-height: 40px;">
        第五行  货号1156242<br>
        第五行  货号1156242
      </p>
      <button class="adjustment-budget-submit excel-remind-insure">确 定</button>
    </div>
  </div>
  <script type="text/javascript" src="public/js/jquery.min.js"></script>
  <script type="text/javascript" src="public/js/index.js"></script>
  <script src="public/js/layui/layui.js"></script>
  <script type="text/javascript" src="public/js/layer.js?v=1523346815"></script>
  <script type="text/javascript" src="public/js/layerUtils.js?v=1523346815"></script>
  <script type="text/javascript" src="public/js/buyer_cart.js?v=<?=time()?>"></script>
  <script type="text/javascript" src="public/js/cart_timeover.js?v=1523346815"></script>
  <script type="text/javascript">
    $(function(){
      $("#file").val("");
      function checkType() {
      //得到上传文件的值
      var fileName = $("#file").val();
      //返回String对象中子字符串最后出现的位置.
      var seat = fileName.lastIndexOf(".");
      //返回位于String对象中指定位置的子字符串并转换为小写.
      var extension = fileName.substring(seat).toLowerCase();
      //判断允许上传的文件格式
      var allowed = [".xls", ".xlsx"];
      for (var i = 0; i < allowed.length; i++) {
        if (!(allowed[i] != extension)) {
          return true;
        }
      }
      layer.alert("不支持该格式，请重新选择xls,xlsx等格式上传！");
      return false;
    }
    $('body').on('click', '#upload-purchase-list',function(e) {
      e.preventDefault();
      $('#file').trigger('click');
    })
    $('#file').on('change',function(){
      if(checkType()){
        //var index = layer.load(0, {content:'生成采购清单中，请耐心等待...',shade: 0.4,success: function(layero){}})
        var index = layer.load(1, {content:'<img src="public/images/wait-moment2.gif">',shade: 0.4,success: function(layero){}})
        $("#form").submit();
      }
    })
  })
    $('.excel-remind-insure').click(function(){
      $('.excel-remind').addClass('none');
      $('.excel-remind').hide();
      $('.mask').addClass('none');
      $('.mask').shohidew();
    })

    $('.btn-submit').click(function(){
      var url = $(this).attr('val');
      location.href=url;
    })
    $('.btn-cancel').click(function(){
      $('.address-matching ').addClass('none');
      $('.address-matching ').hide();
      $('.mask').addClass('none');
      $('.mask').hide();
    })
  </script>
  <?php if ($alert = $this->session->flashdata('multiple_address_alert')) { 
      $alertStr = implode('<br>', $alert)
    ?>
    <script type="text/javascript">
      $(function () {
        $('.excel-remind .intro2').html('<?php echo $alertStr;?>');
        $('.excel-remind').removeClass('none');
        $('.excel-remind').show();
        $('.mask').removeClass('none');
        $('.mask').show();
      })
    </script>
    <?php
  }
  ?>
  <?php if ($alert = $this->session->flashdata('multiple_address_matching')) { ?>
    <script type="text/javascript">
      $(function () {
        $('.btn-submit').attr('val','<?php echo $alert;?>')
        $('.address-matching ').removeClass('none');
        $('.address-matching ').show();
        $('.mask').removeClass('none');
        $('.mask').show();
      })
    </script>
    <?php
  }
  ?>
  
  <style type="text/css">
  .layui-layer-loading1{
    font-size:16px;
    padding-right:30px;
    margin-top:-70px;
    width:300px !important;
    color: #dc143c;
    /*left: 180px;*/
    /*top: 200px;*/
  }
</style>
</body>
</html>